@import "./mixin";

body, html {
  line-height: 1;
  font-weight: 200;
  font-size: 16px;
  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif;
}
.clearfix {
  // display: inline-block;

  &:after {
    display: block;
    content: ".";
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
  }
}
@import "./mixin";

@media (-webkit-min-device-pixel-ratio:1.5), (min-device-pixel-ratio:1.5) {
    .border-t-1px {
        &::before {
            -webkit-transform: scaleY(0.7);
            transform: scaleY(0.7);
        }
    }
    .border-r-1px {
        &::after {
            -webkit-transform: scaleX(0.7);
            transform: scaleX(0.7);
        }
    }
    .border-b-1px {
        &::before {
            -webkit-transform: scaleY(0.7);
            transform: scaleY(0.7);
        }
    }
    .border-l-1px {
        &::after {
            -webkit-transform: scaleX(0.7);
            transform: scaleX(0.7);
        }
    }
}
@media (-webkit-min-device-pixel-ratio:2), (min-device-pixel-ratio:2) {
    .border-t-1px {
        &::before {
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
        }
    }
    .border-r-1px {
        &::after {
            -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
        }
    }
    .border-b-1px {
        &::before {
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
        }
    }
    .border-l-1px {
        &::after {
            -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
        }
    }
}
.border-t-1px {
    @include border-t-1px;

    &::before {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}
.border-r-1px {
    @include border-r-1px;

    &::after {
        -webkit-transform: scaleX(0.5);
        transform: scaleX(0.5);
    }
}
.border-b-1px {
    @include border-b-1px;

    &::before {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}
.border-l-1px {
    @include border-l-1px;

    &::after {
        -webkit-transform: scaleX(0.5);
        transform: scaleX(0.5);
    }
}
